<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <title>Title</title>
</head>
<body>
<span id="sp"> 你好</span>
<p>啊大苏打</p>
<p>阿三大苏打</p>
<p>啊大大</p>
<p>打发士大夫大师傅</p>
姓名:<input type="text" name="username"><br>
    <button type="button" id="show1"> 显示</button>
   <button type="button" id="hide1"> 隐藏 </button>
<script type="text/javascript">
    //通过id获取元素
    // alert($("#sp").text());
    //标签元素选择器
    alert($("span").text());
    //隐藏所有p标签的元素
    // $("p").hide();
    //展示所有
   // $("p").show();
    //展示最后一个p 标签
    alert( $("p:last").text());
    //事件选择器
   // $(function (){
   //     $("#show1").click(function (){
   //         $("p").show();
   //     });
   //     $("#hide1").click(function (){
   //         $("p").hide();
   //     });
   //     //改变事件
   //     $("[name ='username' ]").change(function (){
   //       alert($("#sp").text());
   //     });
   // })
</script>
</body>
</html>